<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<!-- 适配移动端屏幕 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<title>分类</title>
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/category.css">
</head>
<body>
<div class="box">
<!-- 顶部搜索条 -->
	<div class="top_bar">
	<!-- 返回按钮 -->
		<a href="" title=""><i class="icon_back"></i></a>
		<form action="">
			<input type="search" name="" value="" >
		</form>
		<a href="" title=""><i class="icon_menu"></i></a>
	</div>

	<!-- 分类 -->
	<div class="category clearfix">
		<div class="category_left">
			<div class="category_left_box">
				 <ul>
                    <li class=""><a href="javascript:;">热门推荐</a></li>
                    <li class="active"><a href="javascript:;">潮流女装</a></li>
                    <li class=""><a href="javascript:;">品牌男装</a></li>
                    <li class=""><a href="javascript:;">内衣配饰</a></li>
                    <li class=""><a href="javascript:;">家用电器</a></li>
                    <li class=""><a href="javascript:;">电脑办公</a></li>
                    <li class=""><a href="javascript:;">手机数码</a></li>
                    <li class=""><a href="javascript:;">母婴频道</a></li>
                    <li class=""><a href="javascript:;">图书</a></li>
                    <li class=""><a href="javascript:;">家居家纺</a></li>
                    <li class=""><a href="javascript:;">居家生活</a></li>
                    <li class=""><a href="javascript:;">家具建材</a></li>
                    <li class=""><a href="javascript:;">热门推荐</a></li>
                    <li class=""><a href="javascript:;">潮流女装</a></li>
                    <li class=""><a href="javascript:;">品牌男装</a></li>
                    <li class=""><a href="javascript:;">内衣配饰</a></li>
                    <li class=""><a href="javascript:;">家用电器</a></li>
                    <li class=""><a href="javascript:;">电脑办公</a></li>
                    <li class=""><a href="javascript:;">手机数码</a></li>
                    <li class=""><a href="javascript:;">母婴频道</a></li>
                    <li class=""><a href="javascript:;">图书</a></li>
                    <li class=""><a href="javascript:;">家居家纺</a></li>
                    <li class=""><a href="javascript:;">居家生活</a></li>
                    <li class=""><a href="javascript:;">家具建材</a></li>
                </ul>
			</div>
		</div>
		<div class="category_right">
			<div class="category_right_box clearfix">
				<a href=""><img src="images/banner_1.jpg" alt=""></a>
				<div class="product">
					<h3>热门分类</h3>
					<!-- <a href="" title="">更多</a> -->
					<ul>
						<li>
							<img src="./images/iphone.png" alt="">
							<p>手机</p>
						</li>
						<li>
							<img src="./images/iphone.png" alt="">
							<p>手机</p>
						</li>
						<li>
							<img src="./images/iphone.png" alt="">
							<p>手机</p>
						</li>
						<li>
							<img src="./images/iphone.png" alt="">
							<p>手机</p>
						</li>
						<li>
							<img src="./images/iphone.png" alt="">
							<p>手机</p>
						</li>
						<li>
							<img src="./images/iphone.png" alt="">
							<p>手机</p>
						</li>
						<li>
							<img src="./images/iphone.png" alt="">
							<p>手机</p>
						</li>
						<li>
							<img src="./images/iphone.png" alt="">
							<p>手机</p>
						</li>
						<li>
							<img src="./images/iphone.png" alt="">
							<p>手机</p>
						</li>
					</ul>
				</div>
				
			</div>
		</div>
	</div>







</div>
</body>
</html>